<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>createResume</title>
    <link rel="stylesheet" href="dist/bootstrap.css">
    <link rel="stylesheet" href="createResume_r.css">
    <link rel="stylesheet" href="createResume_l.css">
    <link rel="stylesheet" href="../navigation/no_nac.css">

</head>
<body>

<div class="main">
    <!--左侧固定定位模块-->
    <div class="container" id="nav_bar">
        <div class="row">
            <div class="col-md-3 col-lg-3 hidden-sm hidden-xs">
                <div class="left_brief">
                    <h3>我的简历</h3>
                    <div>
                        更新
                        <span>2020-01-01</span>
                    </div>
                    <div>
                        公开
                        <span>对无忧公开</span>
                    </div>
                    <div class="stars"></div>
                    <div class="btn_box">
                        <button id="refresh_btn">刷新</button>
                        <button id="preview_btn">预览</button>
                    </div>
                </div>
                <div class="left_body" id="left_content">
                    <a href="#basic">
                        <img src="../images/createResume/basic.svg" class="icon">
                        <span>基本信息</span>
                    </a>
                    <!--<a href="#career">-->
                    <!--<img src="../images/createResume/career.svg" class="icon">-->
                    <!--<span>求职意向</span>-->
                    <!--</a>-->
                    <a href="#work">
                        <img src="../images/createResume/work.svg" class="icon">
                        <span>工作经验</span>
                    </a>
                    <a href="#project">
                        <img src="../images/createResume/project.svg" class="icon">
                        <span>项目经验</span>
                    </a>
                    <!--<a href="#education">-->
                    <!--<img src="../images/createResume/education.svg" class="icon">-->
                    <!--<span>教育经历</span>-->
                    <!--</a>-->
                    <a href="#skills">
                        <img src="../images/createResume/skills.svg" class="icon">
                        <span>专业技能</span>
                    </a>
                    <a href="#schoolHonor">
                        <img src="../images/createResume/schoolHonor.svg" class="icon">
                        <span>在校荣誉</span>
                    </a>
                    <!--<a href="#description">-->
                    <!--<img src="../images/createResume/description.svg" class="icon">-->
                    <!--<span>自我描述</span>-->
                    <!--</a>-->
                </div>
            </div>
        </div>
    </div>
    <!--右侧内容区-->
    <div class="container right_body">
        <div class="row">
            <div class="col-md-9 col-md-offset-3 col-lg-9 col-lg-offset-3 col-sm-12 col-xs-12">
                <!--基本信息-->
                <div id="basic">
                    <div class="content">
                        <!--<div class="oh">-->
                            <!--<div class="float_l">-->
                                <!--<img src="../images/createResume/basic_face.png" alt="用户头像" id="face">-->
                            <!--</div>-->
                            <!--<div class="float_l oh">-->
                                <!--<div class="oh">-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>姓名</label>-->
                                        <!--<input type="text" value="10000元">-->
                                    <!--</div>-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>出生日期</label>-->
                                        <!--<input type="text" value="111222202001019999">-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="oh">-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>手机号</label>-->
                                        <!--<input type="text" value="10000元">-->
                                    <!--</div>-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>邮箱</label>-->
                                        <!--<input type="text" value="111222202001019999">-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="oh">-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>性别</label>-->
                                        <!--<input type="text" value="10000元">-->
                                    <!--</div>-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>求职状态</label>-->
                                        <!--<input type="text" value="111222202001019999">-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="oh">-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>居住地</label>-->
                                        <!--<input type="text" value="10000元">-->
                                    <!--</div>-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>身份证号</label>-->
                                        <!--<input type="text" value="111222202001019999">-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="oh">-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>年收入</label>-->
                                        <!--<input type="text" value="10000元">-->
                                    <!--</div>-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>工作类型</label>-->
                                        <!--<input type="text" value="111222202001019999">-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="oh">-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>工作状态</label>-->
                                        <!--<input type="text" value="10000元">-->
                                    <!--</div>-->
                                    <!--<div class="float_l item_type1">-->
                                        <!--<label>期望薪资</label>-->
                                        <!--<input type="text" value="111222202001019999">-->
                                    <!--</div>-->
                                <!--</div>-->

                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="btn_box">-->
                            <!--<button onclick="saveClick(this)">保存</button>-->
                            <!--<button onclick="cancelClick(this)">取消</button>-->
                        <!--</div>-->


                        <div class="oh">
                            <div class="float_l">
                                <img src="../images/createResume/basic_face.png" alt="用户头像" id="face">
                            </div>
                            <div class="float_l oh">
                                <h2>username</h2>
                                <p class="at">
                                    <span>现居住地</span>
                                    <span>工作经验</span>
                                    <span>男</span>
                                    <span>24岁(2020-01-01)</span>
                                    <span>目前正在找工作</span>
                                </p>
                                <p class="tab">
                                    <img src="../images/createResume/email.png" alt="">
                                    <span>13311112222@111.com</span>
                                    <img src="../images/createResume/tel.png" alt="">
                                    <span>13311112222</span>
                                </p>
                            </div>
                        </div>
                        <div class="oh">
                            <div class="float_l item_type1">
                                <label>目前年收入</label>
                                <span>10000元</span>
                            </div>
                            <div class="float_l item_type1">
                                <label>证件号</label>
                                <span>111222202001019999</span>
                            </div>
                        </div>
                        <!--</div>-->
                        <!--</div>-->
                        <!--&lt;!&ndash;求职意向&ndash;&gt;-->
                        <!--<div id="career">-->
                        <!--<h4 class="tag_title">-->
                        <!--<img src="../images/createResume/career.svg" class="icon">-->
                        <!--<strong>求职意向</strong>-->
                        <!--</h4>-->
                        <!--<div class="content">-->
                        <div class="oh">
                            <div class="float_l item_type1">
                                <label>期望薪资</label>
                                <span>8000-9999元/月</span>
                            </div>
                            <div class="float_l item_type1">
                                <label>工作类型</label>
                                <span>全职</span>
                            </div>
                        </div>

                        <!--<div class="oh">-->
                        <!--<div class="float_l item_type1">-->
                        <!--<label>职能/职位</label>-->
                        <!--<span>Web前端开发 Java开发工程师</span>-->
                        <!--</div>-->
                        <!--<div class="float_l item_type1">-->
                        <!--<label>行业</label>-->
                        <!--<span>互联网/电子商务 计算机软件</span>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="oh">-->
                        <!--<div class="float_l item_type1">-->
                        <!--<label>到岗时间</label>-->
                        <!--<span>3个月内</span>-->
                        <!--</div>-->
                        <!--<div class="float_l item_type1">-->
                        <!--<label>地点</label>-->
                        <!--<span>苏州</span>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="oh">-->
                        <!--<div class="item_type2">-->
                        <!--<label>自我评价</label>-->
                        <!--<span>学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程学习能力强，热爱编程</span>-->
                        <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
                <!--工作经验-->
                <div id="work">
                    <h4 class="tag_title">
                        <img src="../images/createResume/work.svg" class="icon">
                        <strong>工作经验</strong>
                    </h4>
                    <div class="content">
                        <div class="oh">
                            <div class="time_item">
                                <span>2018/12-2019/12</span>
                                <strong>山东凤祥股份有限公司</strong>
                                <strong>包装设计专员</strong>
                            </div>
                        </div>
                        <div class="oh">
                            <div class="item_type2 at">
                                <span>快速消费品(食品、饮料、化妆品)</span>
                                <span>10000人以上</span>
                                <span>民营公司</span>
                                <span>研发中心</span>
                            </div>
                        </div>
                        <div class="oh">
                            <div class="item_type2">
                                <label>工作描述</label>
                                <span>主要负责包装版面的设计、包装尺寸及材质的确认</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--项目经验-->
                <div id="project">
                    <h4 class="tag_title">
                        <img src="../images/createResume/project.svg" class="icon">
                        <strong>项目经验</strong>
                    </h4>
                    <div class="content">
                        <div class="oh">
                            <div class="time_item">
                                <span>2018/12-2019/12</span>
                                <strong>山东凤祥股份有限公司</strong>
                            </div>
                        </div>
                        <div class="oh">
                            <div class="item_type2">
                                <label>项目名称</label>
                                <span>具体的项目名称</span>
                            </div>
                        </div>
                        <div class="oh">
                            <div class="item_type2">
                                <label>项目描述</label>
                                <span>主要负责包装版面的设计、包装尺寸及材质的确认</span>
                            </div>
                        </div>
                        <div class="oh">
                            <div class="item_type2">
                                <label>责任描述</label>
                                <span>主要负责包装版面的设计、包装尺寸及材质的确认</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--教育经历-->
                <!--<div id="education">-->
                <!--<h4 class="tag_title">-->
                <!--<img src="../images/createResume/education.svg" class="icon">-->
                <!--<strong>教育经历</strong>-->
                <!--</h4>-->
                <!--<div class="content">-->
                <!--<div class="oh">-->
                <!--<div class="time_item">-->
                <!--<span>2018/12-2019/12</span>-->
                <!--<strong>清华大学(本科)</strong>-->
                <!--<strong>金融学</strong>-->
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->
                <!--专业技能-->
                <div id="skills">
                    <h4 class="tag_title">
                        <img src="../images/createResume/skills.svg" class="icon">
                        <strong>专业技能</strong>
                    </h4>
                    <div class="content">
                        <div class="oh">
                            <div class="item_type2">
                                <label>
                                    <strong>Python</strong>
                                </label>
                                <div class="progressBar progressBar_type4">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="oh">
                            <div class="item_type2">
                                <label>
                                    <strong>HTML</strong>
                                </label>
                                <div class="progressBar progressBar_type3">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="oh">
                            <div class="item_type2">
                                <label>
                                    <strong>JavaScript</strong>
                                </label>
                                <div class="progressBar progressBar_type2">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="oh">
                            <div class="item_type2">
                                <label>
                                    <strong>Java</strong>
                                </label>
                                <div class="progressBar progressBar_type1">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--在校荣誉-->
                <div id="schoolHonor">
                    <h4 class="tag_title">
                        <img src="../images/createResume/schoolHonor.svg" class="icon">
                        <strong>在校荣誉</strong>
                    </h4>
                    <div class="content">
                        <div class="oh">
                            <div class="time_item">
                                <span>2010/6</span>
                                <strong>获得的奖项名称</strong>
                                <span>获奖级别</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--自我描述-->
                <!--<div id="description">-->
                <!--<h4 class="tag_title">-->
                <!--<img src="../images/createResume/description.svg" class="icon">-->
                <!--<strong>自我描述</strong>-->
                <!--</h4>-->
                <!--<div class="content">-->
                <!--&lt;!&ndash;<div class="edit_btn"></div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="delete_btn"></div>&ndash;&gt;-->
                <!--<div class="oh">-->
                <!--<div class="item_type2">-->
                <!--<label>主题</label>-->
                <!--<span>职业描述</span>-->
                <!--</div>-->
                <!--</div>-->
                <!--<div class="oh">-->
                <!--<div class="item_type2">-->
                <!--<label>主题描述</label>-->
                <!--<span>职业描述职业描述职业描述职业描述职业描述职业描述职业描述职业描述职业描述职业描述职业描述</span>-->
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>

<!--<script src="dist/jquery-3.4.1.min.js"></script>-->
<!--<script src="dist/bootstrap.js"></script>-->
<script src="createResume.js"></script>
<script src="../navigation/no_navigation.js"></script>
</body>
</html>